<style>
.filtered {
    -webkit-filter: url(#colormatrix);
    filter: url(#colormatrix);
    background-color: green;
    width: 100px;
    height: 100px;
    margin: 0px;
}
body {
    margin: 0px;
}
</style>
<body style="zoom: 50%;">
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1">
  <defs>
    <filter id="colormatrix" color-interpolation-filters="sRGB" x="0%" y="0%" width="100%" height="100%">
      <feColorMatrix x="2" y="12" width="80" height="60"/>
    </filter>
  </defs>
</svg>
<div class="filtered">
</div>
</body>
